<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>输入输出框示例页面</title>

    <link rel='stylesheet' type="text/css" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/editor.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/header.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/button.css}">
</head>
<body>
<!-- 使用 th:replace 指令引入通用模板 -->
<div th:replace="header :: header"></div>

<div class="container">
    <div class="row">
        <div class="col-md-12 col-sm-12 codeSide input">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="compile-code">
                        <!-- Language Selection -->
                        <!-- Editor -->
                        <pre name="code" class="editor" id="editor-input" style="border: none;"></pre>
                        <!-- <input type="submit" id="compile" class="btn btn-sky text-uppercase btn-sm" value="Compile"> -->
                    </div>
                </div>
            </div>
        </div>
        <div class="button-box">

            <button class="btn third" onclick="indentRemover()">XML压缩</button>
            <button class="btn third" onclick="Formatter()">XML美化</button>
            <button class="btn third" onclick="removeFormatting()">JSON压缩</button>
            <button class="btn third" onclick="format()">JSON美化</button>

        </div>
        <div class="col-md-12 col-sm-12 codeSide output">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="compile-code">
                        <!-- Language Selection -->
                        <!-- Editor -->
                        <pre name="code" class="editor" id="editor-output" style="border: none;"></pre>
                        <!-- <input type="submit" id="compile" class="btn btn-sky text-uppercase btn-sm" value="Compile"> -->
                    </div>
                </div>
            </div>
        </div>
        <!-- /.col-md-12 col-sm-12 codeSide -->
    </div>
    <!-- /.row -->
</div>

<script th:src="@{/js/jquery-3.6.0.min.js}"></script>
<!--头部js-->
<script th:src="@{/js/bootstrap.min.js}"></script>
<!--编辑器js-->
<script th:src="@{https://ajaxorg.github.io/ace-builds/src-min-noconflict/ace.js}"></script>
<!--<script th:src="@{/js/ace.js}"></script>-->
<script th:src="@{/js/readfile.js}"></script>
<script th:src="@{/js/download.js}"></script>
<script th:src="@{/js/savefile.js}"></script>
<script th:src="@{/js/formatting.js}"></script>
<script th:src="@{/js/header.js}"></script>
<script th:src="@{/js/editor.js}"></script>

</body>
</html>